<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>TelSoft WebShowcase</title>
    </h:head>
    <h:body>
        <h:form id="mainForm">
            <pe:layout id="layout_main" fullPage="true">
                <pe:layoutPane position="north" size="50">
                    <div id="top">
                        <ui:insert name="top">
                           <ui:include src="/usercontrols/top/top.xhtml" />
                        </ui:insert>
                    </div>
                </pe:layoutPane>
                <pe:layoutPane position="west" size="250">
                    <div id="left">
                        <f:facet name="header">
                            Telsoft Library
                        </f:facet>
                        <ui:insert name="left">
                            <h:outputText value="Default-Left"/>
                        </ui:insert>
                    </div>
                </pe:layoutPane>
                <pe:layoutPane position="center">
                    <div id="center"> 
                        <ui:insert name="center">
                            <h:outputText value="Center"/>
                        </ui:insert>   
                    </div>
                </pe:layoutPane>
                <pe:layoutPane position="east" size="200">
                    <div id="right">
                        <ui:insert name="right">
                            <pe:layoutPane position="north" size="200">
                                <f:facet name="header">
                                    Use Cases
                                </f:facet>
                            </pe:layoutPane>
                            <pe:layoutPane position="center">
                                <f:facet name="header">
                                    Documentation
                                </f:facet>
                                <ui:include src="/modules/AttributeAndEvent.xhtml" />
                            </pe:layoutPane>
                        </ui:insert>
                    </div>
                </pe:layoutPane>
                <pe:layoutPane position="south" size="30">
                    <div id="bottom">
                        <ui:insert name="bottom">
                            <h:outputLabel style="font-size: 11px">PrimeFaces: 3.3.1,	PrimeFaces Extensions: 0.5.1,	JSF-Impl.: Mojarra 2.1.9</h:outputLabel>
                            <h:outputLabel style="float: right; font-size: 11px">TelSoft JSF Showcase</h:outputLabel>
                        </ui:insert>
                    </div>
                </pe:layoutPane>
            </pe:layout>
        </h:form>
    </h:body>
</html>
